/* 鍏叡 */
.left{
  float:left;
}
.right{
  float:right;
}
.clear{
  clear:both;
}
:root{
  font-size: 14px;
  box-sizing: border-box;
  	margin: 0;
  padding: 0;
}
/*logo鏍峰紡*/
.superiority-lump img{
    width:100%;
}
#newBridge .icon-right-center {
    right:auto!important;
    top:auto!important;
    left: 10px!important;
    bottom: 40px!important;
    margin: -25px 0 0 0;
}
*{
	margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.logo {
	margin:20px auto 10px auto;
}
.logo .logo-text {
	border-left: 2px solid #0054b0;
    padding-left: 25px;
    letter-spacing:3px;/*瀛椾綋闂磋窛*/
    height:72px;
    line-height:36px;
}
.logo .logo-text h6 {
   color: #0054b0;
   font-weight: bold;
   font-size: 24px;
}
.logo .logo-text small {
   font-size: 18px;
}
.logo .logo-phone p {
   margin-bottom: 0rem;
   background-color: #0054b0;
   text-align: center;
   letter-spacing: 2px;
       line-height: 2.4rem;
      margin-top:18px;
}
.logo .logo-phone p a {
   color: #fff;
   font-size: 1.2rem;
}
.logo .logo-phone h6 {
   color: #ff6100;
   font-weight: bold;
   font-size: 2.8rem;
   line-height:3.2rem;
}
.logo .logo-phone small {
   font-size: 1.2rem;
   font-weight: normal;

}
.logo .logo-phone h6{
  font-size: 2rem;
}

/*瀵艰埅鏍忔牱寮�*/
.nav {
   background-color: #024ab9;
     position: relative;
}
.navfixed{
  position: fixed;
  z-index: 999;
  width:100%;
  top:0;
  left:0;
  -moz-box-shadow:1px 0px 5px #969696; -webkit-box-shadow:1px 0px 5px #969696; box-shadow:1px 0px 5px #969696;

}

.top-bar .left li:not(.has-form) a:not(.button) {
    background: #024ab9;
}
ul.nav-row{
	position: relative;
    left: 50%;
    padding-left: 20px;
}
.nav-text ul,.nav-text li{
  list-style: none;
  padding:0;
  margin:0;
}
.nav-text ul li{
  width:calc(90% / 8);
  float: left;
  text-align: center;
  height:48px;
  position: relative;
  overflow: hidden;
}
.nav-text ul li:not(:last-child):before{
  content:"";
  display: block;
  background:url(../images/yinying03.png) no-repeat 0px 10px;
  background-size: 100%;
  height:80%;
  width:3px;
  right:0;
  position: absolute;
  z-index:2px;
}
.nav-text ul li a{
  position: absolute;
  z-index: 3px;
  font-size: 16px;
  display: block;
  width:100%;
  height:48px;
  line-height: 48px;
  font-weight: bold;
  color: #Fff;
}
.nav-text ul li a:hover{
  background: -webkit-linear-gradient(#ff9c00, #ff6100); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ff9c00, #ff6100); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ff9c00, #ff6100); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ff9c00,#ff6100 ); /* 鏍囧噯鐨勮娉� */
}
.nav-text ul li a:hover:after{
  content:"";
  display:block;
  width:100%;
  height:10%;
  background: #ddd;
  position: absolute;
  top:-10%;
-moz-box-shadow:0px 0px 17px #212121; -webkit-box-shadow:0px 0px 17px #212121; box-shadow:0px 0px 17px #212121;
}

.nav-text .on{

}
.nav-text .on:after{
  content:"";
  display:block;
  width:100%;
  height:10%;
  background: #ddd;
  position: absolute;
  top:-10%;
-moz-box-shadow:0px 0px 17px #212121; -webkit-box-shadow:0px 0px 17px #212121; box-shadow:0px 0px 17px #212121;
}
/*.nav-text ul li:first-child a{
	background: #ff8f00
}
*/

/*瑙ｅ喅鏂规鏍峰紡*/
.solution {
   margin-top: 40px;
}
.solution h2,.solution h4,.solution h6 {
	text-align: center;
}
.solution h2{
	color: #056ac1;
}
.solution h4 {
	font-weight: bold;
}
.solution h6 {
	color: #b9b9b9;
}
.solution-con{
  width:100%;
  padding:15px;
}
.solution-con .solution-details {
  float:left;
  display: block;
  width: calc(100% / 5 - 4%);
  margin-right: 5%!important;
  background-color: #0054b0;
  margin-top: 10px;
}
.solution-con .solution-details:nth-child(5n){
  margin-right:0!important;
}
.solution-con .details-img {
  text-align: center;
}
.solution-con .details-img img {
    width: 120px;
    height: 120px;
    padding-bottom: 5px;
    padding-top: 15px;
}
.solution-con .details-img p {
  color: #fff;
  width:80%;
  margin-left:10%;
  margin-top:-10px;
  height:48px;;
  text-align: center;
  line-height: 24px;
  overflow: hidden;
}
.solution-button {
  text-align: center;
  margin-top: 30px;
}
.solution-button a {
  color: #fff;
  line-height: 48px;
  text-decoration: none;
    background: -webkit-linear-gradient(#ff9c00, #ff6100); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ff9c00, #ff6100); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ff9c00, #ff6100); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ff9c00,#ff6100 ); /* 鏍囧噯鐨勮娉� */
  padding: 6px 82px;
}
/*浜у搧涓績鏍峰紡*/

.Product-list{
  margin-top:20px;
  position: relative;
}
.Product-list .Product-title {
  position: relative;
  margin-top:-20px;
  margin-bottom:20px;
}
.Product-list .Product-title img {
  width: calc(100% + 4px);
  margin-left:-2px;
}
.Product-list .Product-title .Product-text {
    position: absolute;
    font-size: 2.5rem;
    font-weight: 500;
    width:100%;
    text-align:center;
    left: 0;
    top: 36px;
    font-weight: bold;
    color: #fff;
}
.Product-list .list-style h3{
  background:#0054b0;
  text-align: center;
    position: relative;
    border-radius: 5px;
}
.Product-list .list-style h3 a{
  color:#fff;
  font-size: 16px;
  line-height: 36px;

}

.Product-list .list-style h4{
  background:#0054b0;
  text-align: center;
    position: relative;
    border-radius: 5px;
}
.Product-list .list-style h4 a{
  color:#fff;
  font-size: 16px;
  line-height: 36px;

}



.Product-list .list-style h3:before{
  content:"";
  display: inline-block;
  width:16px;
  height:16px;position: absolute;
  left:6px;
  top:50%;
  margin-top:-8px;
  background:url(../images/fly.png) no-repeat;
}
.Product-list .list-style h3:after{
  content:"";
  display: inline-block;
  width:16px;
  height:16px;position: absolute;
  right:6px;
  top:50%;
  margin-top:-6px;
  background:url(../images/inverted-triangle.png) no-repeat;
}
.Product-list .list-style {
    margin-right: 20px;
    margin-left: 26px;
}
.Product-list .list-style ul {
  list-style: none;
  overflow: hidden;
}
.Product-list .list-style h3:hover{
  opacity: .8;
}


.op{
    opacity: .8;
}
.Product-list .list-style li .on{
  color:#0054b0;
  text-decoration-line: underline;
}
.Product-list .list-style li {
  list-style: none;
  line-height: 31px;
  margin-left:10px;
}
.Product-list .list-style li a {
  color:#666;
}
.Product-list .list-style li a:hover{
  color:#0054b0;
  text-decoration-line: underline锛�
}
.Product-list .list-style a {
    text-decoration: none;
    text-align: center;
}
.Product-list .list-style .panel-default {
   border-color:#fff;
   text-align: center;
}
.Product-list .list-style .panel-default>.panel-heading {
  background-color:#0559b5;
  text-align: center;
  border-radius: 7px;
}
.Product-list .list-style .panel-title a {
  color: #fff;
  padding: 0 7px;
}
.Product-list .list-style .panel-body a {
  color: #7a7a7a;
}
.Product-list .list-style .panel-body {
  position: relative;
}
.Product-list .list-style .panel-body img {
    position: absolute;
    left: 18px;
    top: 20px;
}
.Product-list .list-end img {
    width: 100%;
}
.Product-list {
    border: 2px solid #0559b5;
}
.Product-list .list-end {
   position: relative;
}
.Product-list .list-end .end-text {
  position: absolute;
  top: 66px;
  left: 32px;
  color: #fff;
  font-size: 1.5rem;
}
.Product-list .list-end .end-text p {
  font-size: 2rem;
  margin-top: 5px;
}
.Product-center {
  margin-top: 35px;
}

/*浜у搧灞曠ず鏍峰紡*/
.Product-center p a {
   text-decoration: none;
   color: #656565;
}
.Product-center p {
   text-align: center;
}
.Product-center .thumbnail {
  background-image: url(../img/probg.png);
  background-size: 100%;
  border: none;
      height: 250px;
	      display: block;
}
.show-img {
  margin-top: 30px;
  border-top: 2px solid #f3f3f3;
}
.show-img img {
  width: 100%;
  margin-top: 10px;
}

/*浼樺娍鏍峰紡*/
.superiority {
  margin-top: 40px;
}
.superiority .superiority-opt,.superiority-sup,.superiority-shop,.superiority-v,.about-shop,.about-opt,.Certificate-opt,.Certificate-shop,.new-text,.text-en {
  text-align:center; 
}
.superiority .superiority-opt,.about-opt,.Certificate-opt,.new-text{
    font-weight: bold;
    font-size: 4rem;
    color: #056ac1;
}
.superiority .superiority-sup {
  color: #676767;
  font-size: 3rem;
  letter-spacing: 3px;
}
.superiority .superiority-four {
    text-align: center;
    margin-top: 10px;
}
.superiority .superiority-four span {
  border:1px solid #0054b0;
  background-color: #0054b0;
  color: #fff;
  padding: 10px;
  border-radius: 20px;
  letter-spacing: 2px;
  padding:5 15px;
  margin-left: 5px;
  font-size: 1rem;
}
.superiority .superiority-lump {
  width: 100%;
}
.superiority .superiority-show {
    width: 100%;
  margin-top:40px;

}
.superiority .superiority-show .show-logo img {
  width: 100%;
}
.superiority .superiority-show .show-logo {
  position: relative;
}
.superiority .superiority-show .show-logo p {
  position: absolute;
  top: 10px;
  color: #fff;
  font-size:2.5rem;
  left: 15px;
  border-bottom: 1px solid #fff;
}
.superiority .superiority-show .text-one {
  font-size: 1.5rem;
  color: #4a4a4a;
  margin-top: 5px;
}
.superiority .superiority-show .text-two {
  color: #fd7b02;
  font-size: 2.2rem;
  font-weight: bold;
}
.superiority .superiority-show .text-three em {  
    border: 5px solid transparent;
    border-left-color: #414141;
    display: inline-block;
}
.superiority .superiority-show .text-three {
  font-size: 16px;
  margin-top: 10px;
  font-weight: bold;
  line-height: 40px;
}
.superiority .superiority-show .text-three span {
  color: #fd7b02;
}
.superiority .line {
    background-image: url(../img/shadow.png);
    width: 800px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 auto;
}
/*鍔犵洘鍟嗘牱寮�*/
.Franchisee .Franchisee-text {
   text-align: center;
   margin-top: 35px;
   font-size: 2.5rem;
   color: #0054b0;
   font-weight: bold;
   letter-spacing: 3px;
}
.Franchisee .Franchisee-en,.about-shop {
   text-align: center;
   color: #a3a3a3;
   margin-bottom: 25px;
   margin-top: 9px;
}
.Franchisee .line-text em {
    border: 3px solid transparent;
    border-left-color: #414141;
    display: inline-block;
}
.Franchisee hr {
  background: #000;
  height: 1px;
  border: none;
  margin-right: 5px;
}
.Franchisee .line-text {
  text-align: center;
  border: 1px solid #000;
  width: 72%;
  margin-left: 15%;
  line-height: 28px;
}
.Franchisee .Franchisee-banner {
  margin-top: 20px;
}
.Franchisee .Franchisee-banner .swiper-con .banner-list .list-img,.Certificate-img {
  display: block;
  margin: 0 0px;
  float:left;
}
.Franchisee .Franchisee-banner .swiper-con .banner-list .list-img {
  position: relative;
 width:calc(100% / 5 - 4%);
 margin-right:5%;
 margin-top:30px;
}
.Franchisee .Franchisee-banner .swiper-con .banner-list .list-img:after{
  /* position: absolute; */
  content:"";
  display:block;
  width:100%;
  height:10%;
  background:url(../images/yinying02.png) no-repeat;
  background-size: 100%;
  left:2px;
  bottom:34px;
  z-index: -1;
}
.Franchisee .Franchisee-banner .swiper-con .banner-list .list-img:nth-child(5n){
 margin-right:0%;
}
.Franchisee .Franchisee-banner .swiper-con .banner-list .list-img  p{
  line-height: 2rem;
  height:2rem;
  overflow: hidden;
}
.Franchisee .Franchisee-banner .swiper-con .banner-list .list-img img{
  width:100%;
  border:1px solid #eee;
}
.Franchisee .Franchisee-banner .swiper-con{
  width: 72%;
}
.Franchisee .Franchisee-banner .swiper-con .banner-list, .Certificate .swiper-con .Certificate-list{
   margin: 0 5%;
}
.Franchisee .Franchisee-banner .swiper-con .banner-list,.swiper-con .Certificate-list p {
  line-height: 36px;
  text-align: center;
}
.Franchisee .Franchisee-banner  ul {
  margin: 0 12%;
}
.Franchisee .Franchisee-banner  ul li {
  list-style: none;
  display: block;
  
}
.Franchisee .Franchisee-banner .list-text {
  margin-top: 15px;
}
/*鍏充簬鍒╄儨鏍峰紡*/
.about {
  margin-top: 25px;
}
.about .about-opt {
  letter-spacing: 2px;
}
.about .about-shop {
  letter-spacing: 2px;
}
.about .about-show .about-logo{
  margin-bottom:20px;
  color:#fff;
}
.about .about-show .about-logo h2{
  line-height: 2rem;
  margin-bottom:0;
}
.about .about-show .about-logo .p{
  position: relative;
  color: #fff;
  display:block;
  padding:15px;
  z-index:1;

}
.about .about-show .about-logo img {
  position: absolute;
  right:10px;
  height:70%;
  top:15%;
  z-index: 2;
}
.about .about-show .about-logo .p span {
  font-size: 1rem;
}
.about .about-show .about-text {
    color: #Fff;
}
.about .about-show .about-text p {
  text-indent:2em;
  line-height: 18px;
}

.about .about-show {
  background-color: #0054b0;
  padding: 15px;
}
.about .about-a {
    margin-top: 30px;
}
.about .about-a a {
    margin-right:15px;
    background-color: #fd7b02;

    padding: 5px 15px;
}
.about .about-a a:first-child{
    color: #fff;
}
.about .about-a a:last-child {
    margin: 0 15px;
    background-color: #fff;
    color: #0054b0;
    padding: 5px 15px;
}
/*璧勮川璇佷功鏍峰紡*/
.Certificate {
  margin-top: 30px; 
  clear:left;
}
.Certificate .swiper-con1 {
  width: 100%;
  margin-top: 20px;
}
.Certificate .swiper-con1 .Certificate-list {
  margin: 0 0;
}
.Certificate .swiper-con1 .Certificate-list .Certificate-img {
width:calc(100% / 4 - 3%);
margin-right:4%;
margin-left:0;
}
.Certificate .swiper-con1 .Certificate-list .Certificate-img dl {
  position: relative;
  text-align: center;
  margin: 0 5%;
  padding: 5%;
  width:100%;
  height:100%;
  padding-top: 120%;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}

.Certificate .swiper-con1 .Certificate-list .Certificate-img:nth-child(4n) {
margin-right:0;
}
.Certificate .swiper-con1 .Certificate-list .Certificate-img img {
  width: 100%;
  object-fit: cover;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  text-align: center;
}
.Certificate .swiper-con1 .Certificate-list p {
  background-color: #d7d7d7;
  text-align: center;
  padding: 15px 0;
  margin-top: 10px;
}
.Certificate .swiper-con1 .Certificate-list p:hover{
  background-color: #0258ad;
  color: #fff;
}
/*鍜ㄨ鏍峰紡*/
.seek {
  margin-top: 30px;
}
.seek .seek-img img {
  width: 100%;
}
/*鏂伴椈璧勮鏍峰紡*/
.new {
  margin-top: 20px;
}
.new .text-en {
  color: #878787;
}
.new .new-show {
  margin-top: 25px;
}
.new-show>div{
  padding-left:0!important
}
.new .new-nav {
  background-color: #fff;
}
.new .new-nav li a:hover {
  color: #fff;
  background-color:#296fba; 
}
.new .new-show .title-img {
    border: 1px solid #dedede;
    padding: 5px;
}
.new .new-show .title-img img {
  width: 100%;
}
.new .new-show .new-con {
  margin-top: 14px;
}
.new .new-show  .title-con span {
  font-size: 1.5rem;
  font-weight: normal;
}
.new .new-show  .title-con p {
  position: relative;
  color: #8d8d8d;
  line-height: 25px;
}
.new .new-show .newlist {
  margin-top: 20px;
}
.new .new-show .newlist ul {
  line-height: 25px;
}
.new .new-show .newlist ul li{
  width:50%;
  list-style: none;
  font-weight: bold;
  float: left;
}
.new .new-show .newlist ul li a{
  color:#666;
}
.new .new-show .newlist ul li em {
  margin-right: 2%;
  color: #32a67b;
  font-weight: bold;
}
.new .new-show .newLink .link-con ul {
    margin-top: 36px;
    border: 1px solid #000;
    padding: 3%;
}
.new .new-show .newLink .link-con ul li {
  list-style: none;
  display: inline-block;
  margin: 2% 4%;
}
.new .new-show .newLink .link-con ul li a {
  color: #000;
}
.new .new-show .newLink{
  position: relative;
}
.new .new-show .newLink .con-text {
  display: inline-block;
  position: absolute;
  font-size: 1rem;
  top: 25px;
  left: 33px;
  background-color: #fff;
}
.new .new-show .newLink .con-text p span {
  color: #ada1bc;
}
.new .new-show .newLink .link-con ul li:last-child a{
  color: #ec3e00;
}
.new .new-question .question-title {
  font-weight: normal;
  font-size: 1.5rem;
  border-bottom: 1px solid #0756aa;
  padding-bottom: 1%;
}
.new .new-question {
  margin-top: 22px;
}
.new .new-question .question-phone .phone-img img {
  width: 100%;
}
.new .new-question .question-phone .phone-img,.phone-text {
  margin-top: 0px;
}
.new .new-question .question-phone .phone-text {
  padding-top: 20px;
}
.new .new-question .question-phone .phone-text p {
    font-size: 1.4rem;
    font-weight: normal;
}
.new .new-question .question-phone .phone-text img {
  margin-right: 5%;
}
.new .new-question .answer {
  margin-top: 15px;
}
.new .new-question .answer .answer-one img {
  margin-right: 3%;
}
.new .new-question .answer .answer-one  p {
  font-weight: bold;
}
.new .new-question .answer .answer-two p {
  position: relative;
  color: #8d8d8d;
  line-height: 25px;
}
.new .new-question .answer .answer-two em {
    position: absolute;
    color: #fff;
    top: 2px;
    left: 3px;
}
/*footer鏍峰紡*/
.footer {
  margin-top: 15px;
  background-color: #0058b1;
  width:100%; 
}
.footer .footer-con .footer-list {
  text-align: center;
}
.footer .footer-con .footer-list ul {
  margin-top: 20px;

}
.footer .footer-con .footer-list ul li {
  display: inline-block;
   border-right: 1px solid #fff;
     padding: 0 2%;
}
.footer .footer-con .footer-list ul li a {
  color: #fff;
}
.footer .footer-con .footer-list ul li:last-child {
  border-right: 1px solid #0058b1;
}
.footer .footer-con .footer-logo {
  margin: 10% 0 ;
  text-align: center;
}
.footer .footer-con .footer-text {
  margin-top: 2%;
}
.footer .footer-con .footer-text ul li {
  color: #fff;
  list-style: none;
  margin-top: 1%;
}
.footer .footer-con .footer-codeimg {
  display: inline-block;
  margin: 0 3%;
}
.footer .footer-con .footer-code{
  margin-top: 25px;
}
.footer .footer-con .footer-codeimg p {
  color: #fff;
  text-align: center;
  margin-top: 5%;
}
.footerend {
   background-color: #004387;
   text-align: center;
}
.footerend ul {
  padding: 1% 0;
}
.footerend ul li {
  display: inline-block;
  color: #fff;
  list-style: none;
  padding: 0 2%;
}


/* 棣栭〉浜у搧list */


.chanpin .row .box{
  border:1px solid #ddd;
  margin-bottom:40px;
}
.chanpin .row .box:hover{
  opacity: .8;
}
.chanpin .row .box img{
  width:80%;
  margin:20px 10%;
}
.chanpin .row .box p{
  height:3.4rem;
  width:80%;
  margin:auto auto 10px auto;
  overflow: hidden;
}
.chanpin .row .box:hover p{
    background:#0054b0;
}
.chanpin .row .box:hover p a{
    color:#fff;
}
.chanpin .row .box .thumbnail{
  margin-bottom:0px!important;
}
.chanpin .row .box  .title{
  line-height: 48px;
}

.chanpin .row .box{
  position: relative;
  background:#fff;
}
.chanpin .row .box:after{
  content:"";
  width:100%;
  height:10%;
  display: block;
  background:url(../images/yinying01.png)no-repeat;
  background-size: 100%;
  position: absolute;
  left: 0;
  bottom:-10%;
  z-index: -1;

}




/* 鎼滅储 */

.search{
  line-height:48px;
  overflow: hidden;
  height:0;
}
.search a{
  margin:auto 5px;
}
.search_right{
  line-height: 24px;
  margin:10px auto
}
.search_right input{
  padding:0 10px;
  border:1px solid #0054b0;
  margin-right:-5px;
}

.search_right button{
  padding:0 10px;
  background:#0054b0;
  border:1px solid #0054b0;
  color:#fff;
}
.search_right input:focus{
  color:#333;
}
.search input::placeholder{
    color:#ddd;
}

.searchshow{
  display:block;
  float:right;
  line-height: 48px;
  font-size: 16px;
  font-weight: bold;
    color:#fff;
    opacity: .8;
}
.searchshow:hover{
  color:#fff;
  opacity: 1;
  position: relative;
}

.searchshow img{
  height:24px;
  margin-top:-5px;
  margin-right:10px;
}
/* 杞挱 */

#lunbo{
    width:100vw;
    height:32vw;
    position: relative;
    overflow: hidden;
}
#lunbo li{
    width:100vw;
    height:100%;
    float:left;
    background:#fff;
    position:absolute;
    left:0;
}
#lunbo li:nth-child(2n){
    background:var(--color)
}
#lunbo li img{
    width:100%;
    height:100%;
}


/* 鍗曢〉妯″瀷 */
.content{
  min-height:45vh;
}
/* 闈㈠寘灞� */
.crumbs{
  line-height: 48px;
  color:#999;
}
.crumbs a{
  color:#666;
}


/* 宸︿晶鏍� */
.mian-left{
  width:22%;
}

.leib{
  background:#f9f9f9;
}
.leib .tit{
background:#2d85de;
color:#fff;
line-height:48px;
padding:0 20px;
font-size:1.6rem;
margin-top:0;
}
.leib ul,.leib li{
  list-style: none
}

.leib ul{
  padding:0 20px 10px 20px;
  margin-bottom:30px;
}
.leib li{
  line-height: 36px;
}
.leib li a{
  color:#333;
  display: block;
  background:url(../images/jianjie.png) no-repeat;
  background-size: 100%;
}
.leib li:not(:last-child){
  border-bottom:1px solid #eee;
}
.leib li a:hover{
  color:#0058b1;
  opacity: .8;
}
.leib li .on{
  color:#0058b1;
  opacity: .8;
}

/* 鍙宠竟鍐呭 */
.mian-right{
  width:74%;
}


.dianh{
  padding:20px;
}

/* 宸﹁竟鍐呭鍖哄煙 */
.right_main{
  font-size: 1.2rem;
  line-height: 2.5rem;;
}

.pro_list{
  width:100%;
}
.pro_list ul li{
  list-style: none;
  border-bottom:1px solid #eee;
}
.pro_list ul li:hover h5{
  color:#0054b0;
}
.pro_list ul li:hover button{
background:#0058b1;
  color:#fff;
  border: 0;
}
.pro_list ul li a{
  display:block;
  width:100%;
  height:210px;
}
.pro_list ul li img{
  max-width: 32%;
  max-height:96%;
  border:solid 1px #eee;
}
.pro_list ul li h5{
  color:#666;
  font-size: 1.6rem;
  margin:20px  0;
}
.pro_list ul li p{
  color:#999;
  line-height:24px;
  height:3rem;
  overflow: hidden;
}

.pro_list ul li button{
    background:#fff;
  color:#0054b0;
  border:1px solid #0054b0;
  
  border-radius: 5px;
  padding: 0 30px;
  line-height:32px;
  font-size: 1.2rem;
  margin-top:16px;
}
.pro_list_main{
  width:65%;
}



.screen-reader-text{display:none;}
.page-numbers current{    
	 display: block;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--fisrt_color);
    color: var(--fourth_color);
    float: left;
    margin-right: 10px;}

/* 鍒嗛〉鎸夐挳 */
.page a{
 display: block;
 padding:0 20px;
 height:40px;
 line-height: 40px;
 text-align: center;
background:var(--fisrt_color);
    color:var(--fourth_color);
 float: left;
 margin-right:10px;
}

.page .current{
 display: block;
 padding:0 20px;
 height:40px;
 line-height: 40px;
 text-align: center;
background:var(--fisrt_color);
    color:var(--fourth_color);
 float: left;
 margin-right:10px;
}

.page a:hover{
    opacity: .5;
}
.page_rows{
    line-height: 40px;
    color:#ddd;
}
.page_rows::before{
    content:"褰撳墠椤�:"
}
.page_rows::after{
    content:"鎬婚〉鏁�"
}

.page .first::before{
    content:"棣栭〉"
}
.page .last::before{
    content:"鏈熬"
}

.page .selected{
    background: #ddd;
    color:#333;
}
/* 鍒嗛〉鎸夐挳 */


/* 鏂囩珷璇︽儏椤� */
.pro_main .main_header .img{
  border:1px solid #ddd;
}
.pro_main .main_header .img img{

  width:320px;
}
.main_header{
  margin-bottom:40px;
}
.main_header_right{
  width:calc(100% - 400px);
  min-width:480px;
}
.main_header_right h4{
  font-size: 2.4rem;
  margin-bottom:20px;
}

.main_header_right p{
  line-height: 24px;
}

.main_header_right button{
background:#0058b1;
  color:#fff;
  border: 0;
  
  border-radius: 5px;
  padding: 0 40px;
  line-height:42px;
  font-size: 1.6rem;
  margin-top:20px;
}
#cntrBody ul li{
  list-style: none
}
#cntrBody{
  background:#f9f9f9;
  padding:10px 40px;
  line-height: 24px;
}
#cntrBody h4{
    font-size: 2.4rem;
  margin-bottom:20px;
}

#cntrBody img{
  display: block;
  max-width: 100%;
  text-align: center;
  margin:auto;
  margin-bottom:20px;
}

#cntrBody p{
line-height:24px!important;
text-indent:2em;
}


.gduo{
    text-align: right;
    line-height: 3.6rem;
}
.gduo span{
    float:left;
}

.pro_main2 ul li h5{
  line-height:48px;
  text-align: center;
  color:#999;
}
.pro_main2 ul li{
  width:calc(100% / 3 - 4% );
  margin-right:6%;
  border:1px solid #ddd;
  float:left;
    list-style: none;
  padding:10px 10px 0 10px;
  margin-bottom:40px;
  position: relative;
}
.pro_main2 ul li:nth-child(3n){
  margin-right:0;
}
.pro_main2 ul li:after{
      content: "";
    width: 100%;
    height: 10%;
    display: block;
    background: url(../images/yinying01.png)no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: -10%;
    z-index: -1;
}
.pro_main2 ul li img{
  width:100%;
}
/* 鏂伴椈鍒楄〃 */
.news_dl{
    padding-bottom:10px;
  margin:10px 0 30px 0;
  color:#999;
  border-bottom:1px solid #eee;
  opacity: .8;

}
.news_dl dt{
  line-height: 36px;
}
.news_dl dt span{
    color:#ddd;
	float:right;
}
.news_dl dd{
  line-height: 26px;
  font-size: 1rem;
}
.news_dl:hover{
    opacity:1;
}
/* 鏂伴椈鍒楄〃 */

.t05_ul li a{
    width:96%;
    height:2.6rem;
    overflow: hidden;
}


/* 鐑偣鏂伴椈 */
.t05_ul li a{
  width:72%;
}

.t05_ul li span{
  color:#ddd
}



.phone{
  width:98%;
  margin-left:5%;
  position: relative;
  margin-top:-10px;
}
.phone span{
  display:inline-block;
  float: left;
  width:50%;
  color:#999;

}
.phone:brfore{
  clear:both
}

.home_new a{
  font-weight: normal;
  color:#666;
  background:#fff;
   font-size: 1.5rem;
    border-bottom: 1px solid #0756aa;
    padding-bottom: 1%;
}
.home_new a:hover{
    background:#fff;
}

.header_top{
  width:100%;
  background:#f9f9f9;
  color:#999;
  line-height: 36px;
}

.rexian img{
  width:13%;
  margin:1% 10px 1%  0;
}

@media screen and (max-width: 1400px) {
    .nav_b,.nav_c{
      display:none!important;
    }
}


.nav_b{
  line-height: 48px;
  margin-left:30px;
  color:#fff;
      font-weight: 800;
            display:none;
}

.nav_b img{
  height:28px;
}

.nav_c{
  line-height: 48px;
  margin-right:30px;
    color:#fff;
    font-weight: 800;
          display:none;
}
.nav_c a{

  color:#fff;
  opacity: .8;
  position: relative;
}
.nav_c a:hover{
    color:#fff;
  opacity: 1;
}
.nav_c a:before{
  content:"";
  display:block;
  position: absolute;
  top:-5px;
  left:-10px;
  right:-10px;
  bottom:-5px;
  background: #1e218a;
  border-radius: 3px;
  z-index:-1;
}


/* 渚ц竟鏍忔偓娴� 瀹㈡湇 */
.kefushow{
    position:fixed;
  right:18px;
  top:60%;
  background:#ff6100;
  padding:10px;
  width:48px; 
  min-height:80px;
  border-radius: 5px;
  color:#fff;
  z-index:999;
  display:none;
  cursor: pointer;
}
.kefushow:after{
  content:"";
  display: block;
  width:10px;
  height:10px;
  background: #ff6100;
  position: absolute;
  bottom:50%;
  right:-5px;
  transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 鍜� Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.kefushow h3{
  width:100%;
  font-size:1.5rem;
  text-align: center;
}
.kefuhide{
  position: absolute;
  top:-30px;
  right:0;
    background:rgba(0,0,0,.8);
    color:#fff;
    display:block;
    width:24px;
    height:24px;
    border-radius: 20;
    line-height: 24px;
    text-align: center;
    z-index: 999;
    margin-bottom:10px;
}
.kefuhide:after{
  content:"鐐瑰嚮鏀惰捣";
  position: absolute;
  right:32px;
  width:60px;
  color:#333;
}
.kefu{
  position:fixed;
  right:18px;
  top:40%;
  background:#2d85de;
  padding:10px;
  width:165px; 
  min-height:400px;
  border-radius: 5px;
  color:#fff;
  z-index:999;
  display:block;
}
.kefu h3{
  display:block;
  position: relative;
  left:-27.5px;
  text-align: center;
  background: url(../images/kefu_top.png) no-repeat;
  background-size: 100%;
      height: 40px;
    width: 200px;
    font-size: 1rem;
    line-height: 28px;
}

.kefu h4{
  background:#fff;
  color:#0054b0;
  text-align: center;
  border-radius: 5px;
}


.kefu ul{
  width:80%;
  list-style: none;
  margin:20px auto;
}
.kefu ul li{
  margin-top:10px;
  cursor: pointer;
}
.kefu ul li h5{
  font-size: 1rem;
  line-height: 1rem;
  color:#9dceff;
}
.kefu ul li span{
  font-size: 1.2rem;
  line-height: 1rem;
}

.bshare-custom.icon-medium{
  width:120%;
  margin:auto;
}

.kefu .qrcode{
  width:100%;
  background:#004387;
  border-radius: 5px;
}
.kefu .qrcode li{
  width:48%;
  cursor: pointer;
}
.kefu .qrcode li img{
  width:80%;
  margin-left:10%;
}
.kefu .qrcode li span{
  font-size: .6rem;
  color:#2d85de;
  display:block;
  text-align: center;
  margin:5px auto;
}
.kefu .gotop{
  display:block;
  border-radius: 5px;
  line-height: 24px;
  text-align: center;
  background:#fff;
  margin-bottom:10px;
}
.kefu .qrcodeshow li{
  width:200px;
  height:236px;
  position: absolute;
  bottom:0;
  right:200px;
  background:#2d85de;
  opacity: 0;
}
.kefu .qrcodeshow li:after{
  content:"";
  display: block;
  width:20px;
  height:20px;
  background: #2d85de;
  position: absolute;
  bottom:40%;
  right:-10px;
  transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 鍜� Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.kefu .qrcodeshow img{
  width:160px;
  margin:20px 20px 10px 20px;
}
 .kefu .qrcodeshow span{
   display: block;
   text-align: center;
  line-height: 36px;
}

/* 渚ц竟鏍忔偓娴鏈�  */



/* case妗堜緥 */
.dl_2{
  position: relative;
}
.dl_2 dt{
  width:100%;
  height:320px;
  overflow: hidden;

}
.dl_2 dt img{
  width:100%;
}
.dl_2  dd{
  width:100%;
  position: absolute;
  margin-top:-48px;
  line-height:48px;
  background:rgba(0,0,0,0.5);
  padding:0 20px;
    color:#989898;

}
.dl_2  dd a{
  color:#fff;
}
/* case妗堜緥 */


.content{
  margin-bottom: 20px;
}

.t05_ul  a{
  padding-left:10px;
  background:url(../images/jianjie.png) no-repeat -171px -1px!important;
  background-size: 100%;
}



/*鎼滅储椤甸潰*/
.hd{
    width:100%;
    background-color:#f9f9f9;

}

.hd ul li{
    float:left;
    width:120px;
    line-height: 3rem;
    background-color:#f9f9f9;
    margin-right:10px;
    text-align: center;
        list-style: none;
}
.hd ul .product{
    background-color:#eee;
    border-bottom:3px solid var(--fisrt_color);
}
.hd ul .article{
    background-color:#eee;
    border-bottom:3px solid var(--fisrt_color);
}











/* 杞挱鏍峰紡淇敼 */
.carousel-indicators .active{
  background-color:#0054b0!important;
}
.carousel-indicators li{

    width: 64px!important;
    height: 4px!important;
    background-color: rgba(0, 0, 0, 0.5)!important;
}
.carousel-control-next-icon{
  position: relative;
}
.carousel-control-next-icon:after{
  content:"";
  position: absolute;
  top:-1rem;
  bottom:-1rem;
  left:-1rem;
  right:-1rem;
  background:rgba(0,0,0,.3);
  z-index: -1;
  border-radius: 50%;
}
.carousel-control-prev-icon{
  position: relative;
}
.carousel-control-prev-icon:after{
  content:"";
  position: absolute;
  top:-1rem;
  bottom:-1rem;
  left:-1rem;
  right:-1rem;
  background:rgba(0,0,0,.3);
  z-index: -1;
  border-radius: 50%;
}
/* 杞挱鏍峰紡淇敼 */